
<html>

<head></head>

<body class="home-section" >
<div id="sHeader"></div>
<div id="topSection">
	<ul>
		<li><a href="#">Cátalogo de la Biblioteca</a></li>
		<li><a href="#">ROBLE</a></li>
		<li><a href="#">CEICIC</a></li>
		<li><a href="#">Preguntas frecuentes</a></li>
		<li><a href="#">Favoritos</a></li>
		<li><a href="#">Blogs de la Biblioteca</a></li>
		<li class="registrarse"><a href="#">Registrarse</a></li>
    </ul>
</div>
<div class="mainSection">
	<div class="mainWrapper">
    	<div id="header">
	        <div class="logoSection">
            <a href="#" class="logoBP">
                <img src="./img/logo_bp.gif" width="170" height="52" alt="Biblioteca Pública" />
            </a>
            <a class="logoUNLP" href="http://www.unlp.edu.ar"><img  src="img/logo_unlp.gif" width="250" height="44" alt="UNLP" /></a></div>
   	        <div >
            	<ul class="menuSection">
               	  <li>Hoja Una dos</li>
                  <li>Hoja Fos</li>
   	              <li>Hoja Tres</li>
              </ul>
            </div>
   	        <div class="searchSection">
            search
            </div>
            <div id="iconSection"></div>
            <div class="clr"></div>
        </div>

       	<div id="center">
			
	        <div class="centerWrapper">
                <div class="cuerpoTexto"></div>
				<div class="clr"></div>
			</div>


               <div class="clr"></div>
          </div>




      	<div class="footerWrapper">
			<div id="footer"><img src="img/footer.jpg" width="967" height="197" alt="Funy"/></div>
			<div class="clr"></div>
		</div>
    </div>
</div>

</body>
</html>
